﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
     <script type="text/javascript" src="/dojo/dojo/dojo.js"></script>
    <script>
        dojo.require("dijit.form.Button");
        dojo.require("dijit.util");
    </script>
     <script type="text/javascript" >
    
         dojo.ready(function () {             
             dojo.declare('A', null, {
                 func1: function () { dojo.byId("div1").innerHTML = 'fun1'; }
             });
             A.extend({
                 func1: function () { dojo.byId("div2").innerHTML = 'fun2'; },
                 func2: function () { dojo.byId("div3").innerHTML = 'fun3'; }
             });
             var a = new A;
             a.func1();      //fun2  
             a.func2();
             var u = new util();
             dojo.byId("div3").innerHTML = u.color;

         });
    </script>
</head>
<body>
    <div id="div1"></div>
    <div id="div2"></div>
    <div id="div3"></div>
</body>
</html>
